一個多禮拜後，終於打開VSCode了！今天的工作就是建立專案、依照當時的規劃把基本架構建立好(layout, pages, assets...etc.)，然後將基本的頁面加一下。接下來會先以功能為主，style的部份先放一邊，最後再一口作氣的做完。

目錄

• 創建專案
• 建立架構(NUXT3官方的架構)
• 建立架構(我自己定義的架構)
• Pages

1. 創建專案: Nuxt3Ecommerce

npx nuxi init Nuxt3Ecommerce

2. 建立架構(NUXT3官方的架構) - Pages & Components。依照之前的UI規劃，將Pages & Components & composables & middleware & plugin創出來。(先隨意命名創建內容)

npx nuxi add layout layout
npx nuxi add page index
npx nuxi add component navBar
npx nuxi add composable useApi
npx nuxi add middleware index
npx nuxi add plugin index

3. 建立架構(我自己定義的架構) - 這邊列出新建的所有資料結構，並且將該資料夾目的也列出：

   • assets
     • style
     • js
   • components
   • composables
   • formatter -> model轉換/整理
   • layouts
   • middleware
   • models -> 定義從server side 或是 client side 等的types
     • apiModel.ts
     • viewModel.ts
   • pages
   • plugins -> vue-i18n等外掛
   • stores
   • tests
   • error.vue

4. 把基本的pages加上去：